@import '~ant-design-vue/dist/antd.less';
@font-face {
    font-family: "YouSheBiaoTiHei"; /* 定义字体名 */
    src: url("/public/font_hei.ttf"); /* 引入本体字体文件 */
}
// .ant-table{
//     line-height: 14px;
// }
// #chargeRoot{
//     a{
//         color: #00cccc; 
//     }
// }
.ant-table-tbody>tr>td {
    padding: 8px 10px;
}

.nmc-breadcrumb{
    margin-bottom: 10px;
    font-size: 14px;
    .nmc-breadcrumb-link{
        color: #B2B5CE;
    }
    .nmc-breadcrumb-separator{
        color: #B2B5CE;
    }
    span:last-child>.nmc-breadcrumb-link{
        color: #FFFFFF;
    }
}

.nmc-form{
    .nmc-form-item{
        margin-bottom: 16px !important;
    }
    .nmc-form-item-with-help{
        margin-bottom: 0!important;
        .nmc-form-item-explain{
            height: 16px;
            min-height: 16px;
            line-height: 16px;
        }
    }
    .nmc-form-item:last-child{
        margin-bottom: 0px !important;
        .nmc-input-textarea-show-count::after{
            transform: translate(-10px, -24px);
        }
    }
}



// 通用的  搜索的 盒子
.safelist-search-container {
    display: flex;
    justify-content: space-between;

    .search-row {
        flex: 1;
    }
}
// .nmc-btn-primary {
//     min-width: 64px;
//     text-align: center;
//     padding: 0 14px;
//     background: #00cccc;
//     border-radius: 6px;
//     border-color: #00cccc;
//     color: #fff;
// }
.nmc-add-btn-primary {
    min-width: 64px;
    padding: 0 14px;
    text-align: center;
    // padding: 0;
    background: rgba(255, 102, 51, 1) !important;
    border-radius: 6px;
    border-color: rgba(255, 102, 51, 1) !important;
    color: #fff;
    &:hover,
    &:focus{
        background: rgba(255, 102, 51, 1) !important;
        // border-radius: 6px;
        border-color: rgba(255, 102, 51, 1) !important;
    }
}
// .nmc-btn-background-ghost {
//     background: #fff !important;
//     border: 1px solid#00cccc !important;
//     color: #00cccc !important;
// }
// a{
//     color: #00cccc; 
// }
.nmc-table-cell-scrollbar{
    box-shadow: none!important;
}

    .nmc-table {
        background-color: #fff;
        ::-webkit-scrollbar {
            width: 8px;
            background: #f0f0f0;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #d9d9d9;
            border-radius: 4px;
        }
    }
    .nmc-table-header{
        border: none;
    }
    .nmc-table{
        .nmc-table-thead>tr>th {
            height: 48px;
            padding: 0 16px;
            background: #fafafa;
            color: #202020;
            border: 0;
            font-weight: 700;
        }

        .nmc-table-tbody>tr>td {
            height: 46px;
            padding: 0 16px;
            border-bottom: 1px solid #f0f0f0;
            color: #303030;
            background-color: #fff;
        }        
    }
    .nmc-table.nmc-table-small{
        .nmc-table-thead>tr>th {
            height: 40px;
        }
        .nmc-table-tbody>tr>td {
            height: 40px;
        }
    }

    .nmc-table-tbody>tr.nmc-table-row:hover>td,
    .nmc-table-tbody>tr.nmc-table-row:focus-visible>td {
        background: #f5f5f5;
    }

    .nmc-table-row-expand-icon {
        border-radius: 4px;
        border: 1px solid #d9d9d9;
        color: #00cccc;
        background-color: #fff;
    }

    .nmc-pagination {
        .nmc-pagination-total-text {
            color: rgba(0, 0, 0, 0.85);
        }

        .nmc-pagination-prev .nmc-pagination-item-link,
        .nmc-pagination-next .nmc-pagination-item-link {
            border-radius: 2px;
            border: 1px solid #d9d9d9;
            background-color: #fff;
            color: rgba(0, 0, 0, 0.85);
        }

        .nmc-pagination-disabled .nmc-pagination-item-link,
        .nmc-pagination-disabled:hover .nmc-pagination-item-link {
            border-radius: 2px;
            border: 1px solid #d9d9d9;
            background-color: #f5f5f5;
            color: rgba(0, 0, 0, 0.25);
        }

        .nmc-pagination-item {
            border-radius: 2px;
            border: 1px solid #d9d9d9;
            background-color: #fff;

            a {
                color: rgba(0, 0, 0, 0.85);
            }
        }

        .nmc-pagination-item-active {
            background: #00cccc;
            border-color: #00cccc;
            
            a {
                color: #fff;
            }
        }

        .nmc-select:not(.nmc-select-customize-input) .nmc-select-selector {
            border-radius: 2px;
            border: 1px solid #d9d9d9;
            background-color: #fff;
            color: rgba(0, 0, 0, 0.85);
        }

        .nmc-pagination-options .nmc-select-arrow {
            color: rgba(0, 0, 0, 0.25);
        }
    }



.CommonModal{
    .modal-h1{
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 16px;
        color: #202020;
        line-height: 16px;
        margin-bottom: 24px;
    }
    .nmc-modal-content{

        border-radius:0px 0px 6px 6px;
        border-top: 3px solid #00cccc;
        overflow: hidden;
    }
    .nmc-modal-header{
        border: none;
    }
    .nmc-modal-footer{
        border: none;
        padding-bottom: 24px;
    }
    .nmc-radio-checked{
        .nmc-radio-inner{
            background: #00cccc;
        }
        .nmc-radio-inner::after{
            width: 12px;
            height: 12px;
            margin-top: -6px;
            margin-left: -6px;
            background-color: #fff;
        }
    }

}
.nmc-empty-normal{
    color: #fff;
}

.dark .nmc-picker{
    background: #11206F;
    border-radius: 6px;
    border: 1px solid #164283;
    .nmc-picker-input{
        input{
            color: #89B3E1;
        }
    }
    .nmc-picker-separator{
        color: #89B3E1;
    }
    .nmc-picker-suffix, .nmc-picker-clear{
        color: #89B3E1;
    }
}


#player,
#streamingVideo,
#videoPlayOverlay {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    background: none !important;
}
// 解决弹窗打开就报一些告警  但是会影响到轮播组件
// .nmc-modal div[aria-hidden="true"] {
//     display: none !important
// }
.action-link {
    color: #00cccc;
    cursor: pointer;

    &:hover {
        color: #40a9ff;
    }
    &[disabled = "false"] {
        color: #00cccc !important;
        cursor: pointer;
    }
}
.action-link[disabled = "true"] {
    color: rgba(0, 0, 0, 0.25) !important;
    &:hover {
        color:  rgba(0, 0, 0, 0.25) ;
    }
    pointer-events: none; /* 阻止鼠标事件 */
    cursor: not-allowed;
}
.delete-link[disabled = "false"] {
    color: #FF0000 !important;
    cursor: pointer;
}

.delete-link[disabled = "true"] {
    color: rgba(0, 0, 0, 0.25) !important;
    pointer-events: none; /* 阻止鼠标事件 */
    cursor:not-allowed ;
    // opacity: 0.6;        /* 降低透明度，表示不可用 */
    // cursor: not-allowed; /* 鼠标悬停时显示禁止图标 */
}